@import 'animate.css';
@import 'skin.css';

/******************************
 ** 初始化
** 1.2.0
 ******************************/
* { margin:0; padding:0; }
html { height:100%; }
body  { min-height:100%; font:14px/2 'Microsoft Yahei', Arial; color:#666; background:#f4f4f4; }
img { border:0px; }
ul, ol { list-style-type:none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea, select { font:14px/1 'Microsoft Yahei', Arial; color:#666; outline:0; }
textarea { resize:none; overflow:auto; }
h1,h2,h3,h4,h5,h6,font { font-size:14px; }
a { color:#2c2f3c; text-decoration:none; cursor:pointer; }
a:hover, a:active { color:#128eeb; }
a:link,
a:link img,
input { transition:all .3s linear; }

.clear { float:none !important; clear:both; +line-height:0; +font-size:0; +height:0; }
.hidden { display:none; visibility:visible; }
.wrap { width:1200px; margin:0 auto; position:relative; }
.fl { float: left; }
.fr { float: right; }


/******************************
 ** 首页
 ******************************/

.top { position: relative; height: 33px; border-top: 2px solid #e9e9e9; }
.top .link { background: url(../images/top.png) top right no-repeat; padding: 0 30px; }
.top .link a { display: block; width: 98px; line-height: 33px; text-align: center; color: #2c2f3c; float: left; }
.top .link .line { display: block; width: 1px; height: 14px; background: #999; float: left; margin-top: 10px; }
.top .link a:hover { color: #128eeb; }

.ilogo { position: relative; height: 155px; border-top: 2px solid #e9e9e9; }
.ilogo .wrap { overflow: hidden; }
.ilogo .logo { margin: 42px 0 ; }
.ilogo .logo img { display:block; height: 73px; }
.ilogo .logo .line { display:block; width: 1px; height: 57px; background: #bfbfbf; margin: 8px 30px ; }
.ilogo .name { margin: 5px 0; line-height: 34px; }
.ilogo .name h3 { font-size: 22px; color: #2c2f3c; }
.ilogo .name h3 span { color: #128eeb; }
.ilogo .name h4 { font-size: 16px; color: #6b6e78; font-weight: normal; }
.ilogo .link { position: absolute; top 0; right: 0; height: 33px; background: url(../images/top.png) top right no-repeat; padding: 0 30px; }
.ilogo .link a { display: block; width: 98px; line-height: 33px; text-align: center; color: #2c2f3c; float: left; }
.ilogo .link .line { display: block; width: 1px; height: 14px; background: #999; float: left; margin-top: 10px; }
.ilogo .link a:hover { color: #128eeb; }
.ilogo .tel { margin: 60px 0 0 0; background: url(../images/tel.png) left center no-repeat; padding-left: 60px; }
.ilogo .tel h4 { color: #2c2f3c; font-size: 16px; font-weight: normal; line-height: 20px; }
.ilogo .tel h3 { color: #ff9000; font-size: 24px; line-height: 40px; }

.nav { position:relative; z-index:10; height: 65px; background: #128eeb; }
.nav .wrap { height: 65px; }
.nav li { float:left; width:133px; height: 65px; position:relative; }
.nav li > a { display:block; height: 65px; line-height: 65px; font-size:16px; color:#fff; text-align:center; transition:none; transition:background .5s ease; }
.nav .drop { position:absolute; left:0; top:65px; right:0; background:url(about:blank) center center repeat; display:none; }
.nav .drop dl { position: relative; background: #128eeb; }
.nav .drop dd { line-height: 45px; height: 45px; text-align: center; vertical-align:middle;  }
.nav .drop a { display: block; color: #fff; font-size: 15px; }
.nav .drop a:hover { background: url(../images/drop.jpg) top left no-repeat; }
.nav.active li.current > a { height: 65px;  color: #fff; font-weight: normal;  }
.nav li.active > a { height: 65px !important; background: #0072dc !important; color: #fff !important; font-weight: bold !important; }
.nav li.current > a { height: 65px; background: #0072dc; color: #fff; font-weight: bold; }

.banner { position:relative; z-index:8; }
.banner .list { position:relative; overflow:hidden; z-index:1; height: 600px; }
.banner .list li { position:absolute; width:100%; height:100%; overflow:hidden; background:#FFF; display:none; z-index:1; }
.banner .list li:first-child { display:block; }
.banner .list li.active { z-index:2; }
.banner .list img { position:relative; display:block; width:1920px; left:50%; margin:0 0 0 -960px; }
.banner .dots { position: absolute; left: 50%; bottom: 30px; margin: 0 0 0 -50px; line-height: 0; z-index: 18; }
.banner .dots li { display: inline-block; +display: inline; +zoom: 1; width: 18px; height: 18px; border-radius: 50%; background: #fff; margin: 3px 5px; cursor: pointer; transition: all .3s ease; }
.banner .dots li.active { width: 25px; height: 25px; background: url(../images/banli.png) center no-repeat; margin: 0 5px; }
.banner .prev,
.banner .next { width: 30px; height: 53px; position: absolute; top: 50%; margin: -50px 0 0; z-index: 9; cursor: pointer; display: none; }
.banner .prev { background: url(../images/banner-pw.png) 0 0 no-repeat; left: 30px; }
.banner .next { background: url(../images/banner-pw.png) -32px 0 no-repeat ; right: 30px; }
.banner .list,
.banner .list img { height:593px; }
.banner.mini .list,
.banner.mini .list img { height:300px; }

.searcher { background: #fff; height: 70px; border-bottom: 1px solid #e9e9e9; box-shadow: 0 0 20px 0px rgba(63, 63, 63, 0.2); -moz-box-shadow: 0 0 10px 0px rgba(100, 100, 100, 0.8); }
.searcher span { line-height: 70px; color: #2c2f3c; font-size: 16px; }
.searcher .sear { margin-top: 15px; }
.searcher .search { position: relative; }
.searcher .search .srk { background-color: inherit; width: 325px; height: 38px; line-height: 38px; border: solid 1px #e8e8e8; padding-left: 30px; color: #999999; background: url(../images/seacher.png) 10px center no-repeat; }
.searcher .search .ssbtm { width: 80px; height: 40px; position: absolute; top: 0; bottom: 0; right: 0; background: #128eeb; border: 1px solid #128eeb; cursor: pointer; color: #fff; }

.ipro { position: relative; padding: 60px 0 60px 0; }
.ipro .wrap { overflow: hidden; }
.ipro .head { text-align: center; position: relative; }
.ipro .head h3 { color: #ccc; font-size: 30px; font-weight: normal; text-transform:uppercase; line-height: 30px; }
.ipro .head h2 { color: #2c2f3c; font-size: 30px; }
.ipro .head h2 span { color: #128eeb; }
.ipro .head .line { display: inline-block; width: 200px; height: 12px; background: url(../images/head.png) top center no-repeat; }
.ipro .list { position: relative; margin-top: 30px; overflow: hidden; width: 105%; padding-left: 148px;}
.ipro .list li { position: relative; width: 285px; height: 524px; background: #fff; margin: 0 20px 0 0; }
.ipro .list li .img { position: relative; width: 285px; height: 212px; overflow: hidden; text-align: center; }
.ipro .list li .img img { height: 100%; width: auto; }
.ipro .list li:hover img { transform:scale(1.05,1.05); }
.ipro .list li .text { padding: 0 20px; position: relative; height: 230px; }
.ipro .list dt { height: 68px; border-bottom: 1px dashed #dfdfdf; text-align: center; line-height: 68px; font-size: 20px; font-weight: bold; color: #2c2f3c; margin-bottom: 20px; }
.ipro .list dd { height: 35px; position: relative; line-height: 35px; overflow: hidden; }
.ipro .list .drop { display: block; width: 6px; height: 6px; background: #cccccc; border-radius: 50%; margin: 16px 0 0 0; }
.ipro .list h4 a { font-size: 16px; font-weight: normal; padding-left: 15px; }
.ipro .more { display: block; width: 96px; height: 35px; color: #fff; border-radius: 4px; background: #eee; line-height: 35px; text-align: center; margin: 20px auto; }
/* .item-1 */
.ipro .list .item-1 { border-bottom: 2px solid #128eeb; }
.ipro .list .item-1 a:hover { color: #128eeb; }
.ipro .list .item-1 h4:hover .drop,
.ipro .list .item-1 .more { background: #128eeb; color: #fff; }
.ipro .list .item-1 .more:hover { padding: 0 5px; background: #128eeb; color: #fff; }
/* item-2 */
.ipro .list .item-2 { border-bottom: 2px solid #ff9400; }
.ipro .list .item-2 a:hover { color: #ff9400; }
.ipro .list .item-2 h4:hover .drop,
.ipro .list .item-2 .more { background: #ff9400; color: #fff; }
.ipro .list .item-2 .more:hover { padding: 0 5px; background: #ff9400; color: #fff; }
/* item-3 */
.ipro .list .item-3 { border-bottom: 2px solid #2ecc71; }
.ipro .list .item-3 a:hover { color: #2ecc71; }
.ipro .list .item-3 h4:hover .drop,
.ipro .list .item-3 .more { background: #2ecc71; color: #fff; }
.ipro .list .item-3 .more:hover { padding: 0 5px; background: #2ecc71; color: #fff; }
/* item-4 */
.ipro .list .item-4 { border-bottom: 2px solid #b363f5; }
.ipro .list .item-4 a:hover { color: #b363f5; }
.ipro .list .item-4 h4:hover .drop,
.ipro .list .item-4 .more { background: #b363f5; color: #fff; }
.ipro .list .item-4 .more:hover { padding: 0 5px; background: #b363f5; color: #fff; }

.iflow { position: relative; padding: 40px 0 60px 0; text-align: center; }
.iflow .wrap { overflow: hidden; }
.iflow .head { text-align: center; position: relative; }
.iflow .head h3 { color: #ccc; font-size: 30px; font-weight: normal; text-transform:uppercase; line-height: 30px; }
.iflow .head h2 { color: #2c2f3c; font-size: 30px; }
.iflow .head h2 span { color: #128eeb; }
.iflow .head .line { display: inline-block; width: 200px; height: 12px; background: url(../images/head.png) top center no-repeat; }
.iflow .list { text-align: center; overflow: hidden; margin: 30px 0 0 0; }
.iflow .list dd { width: 176px; overflow: hidden; }
.iflow .list dd span { display: inline-block; width: 176px; height: 200px; cursor:pointer; }
.iflow .list h5 { font-size: 22px; color: #2c2f3c; }
.iflow .list p { font-size: 16px; }
.iflow .list dt { margin: 78px 38px; }
.iflow .flow-1 { background: url(../../uploadfile/iflow-1.png) left center no-repeat; }
.iflow .flow-2 { background: url(../../uploadfile/iflow-2.png) left center no-repeat; }
.iflow .flow-3 { background: url(../../uploadfile/iflow-3.png) left center no-repeat; }
.iflow .flow-4 { background: url(../../uploadfile/iflow-4.png) left center no-repeat; }
.iflow .flow-1:hover { background: url(../../uploadfile/iflow-1.png) right center no-repeat; }
.iflow .flow-2:hover { background: url(../../uploadfile/iflow-2.png) right center no-repeat; }
.iflow .flow-3:hover { background: url(../../uploadfile/iflow-3.png) right center no-repeat; }
.iflow .flow-4:hover { background: url(../../uploadfile/iflow-4.png) right center no-repeat; }
.iflow .link-1,
.iflow .link-2 { display: inline-block; width: 206px; height: 55px; border: 1px solid #128eeb; border-radius: 4px; margin: 40px 10px 0; line-height: 55px; text-align: center; font-size: 18px; color: #128eeb; }
.iflow .link-1 { background: #128eeb; color: #fff; }
.iflow .link-1:hover,
.iflow .link-2:hover { padding: 0 10px; }

.iteam { position: relative; padding: 60px 0 80px 0; }
.iteam .bj { position: absolute; height: 890px; top: 0; left: 0; right: 0; background: url(../images/iabout-bj.jpg) top center no-repeat; }
.iteam .wrap { overflow: hidden; }
.iteam .head { text-align: center; position: relative; }
.iteam .head h3 { color: #fff; font-size: 30px; font-weight: normal; text-transform:uppercase; line-height: 30px; }
.iteam .head h2 { color: #fff; font-size: 30px; }
.iteam .head h2 span { color: #ff9000; }
.iteam .head .line { display: inline-block; width: 200px; height: 12px; background: url(../images/head-1.png) top center no-repeat; }
.iteam .content { position: relative; margin: 50px 0 0 0; padding: 38px 0 38px 45px; }
.iteam .content .border { position: absolute; top: 0; left: 0; width: 540px; height: 485px; border: 4px solid #fff; }
.iteam .teambox { position: relative; width: 1152px; height: 414px; overflow: hidden; }
.iteam .teambox .list { position: relative; overflow: hidden; height: 414px; }
.iteam .teambox li { position: relative; width: 1152px; height: 414px; background: #fff; overflow: hidden; }
.iteam .teambox .img { width: 551px; height: 414px; overflow: hidden; position: relative; }
.iteam .teambox .img img { height: 100%; width: auto; }
.iteam .teambox li:hover img { transform:scale(1.05,1.05); }
.iteam .teambox .text { position: relative; width: 530px; height: 370px; padding: 40px 0 0 35px; }
.iteam .teambox h3 { font-size: 20px; color: #2c2f3c; }
.iteam .teambox h4 { font-size: 16px; color: #999; font-weight: normal; line-height: 40px; }
.iteam .teambox .line { display: inline-block; width: 58px; height: 2px; background: #ff9000; }
.iteam .teambox .txt { font-size: 16px; color: #666; height: 160px; overflow: hidden; margin-top: 15px; }
.iteam .teambox .more { position: absolute; bottom: 0; right: 0; display: block; width: 52px; height: 52px; background: url(../images/team-more.png) right bottom no-repeat;  }
.iteam .imglist { position: relative; overflow: hidden; margin: 50px 0 0 -10px; }
.iteam .imglist li { width: 284px; height: 211px; border: 4px solid #fff; margin: 0 0 0 10px; overflow: hidden; cursor:pointer; background: #fff; text-align: center;  }
.iteam .imglist li img { height: 100%; width: auto; }
.iteam .imglist li:hover { border: 4px solid #ffddb2; }
.iteam .imglist li:hover img { transform:scale(1.05,1.05); transition:all .3s linear; }
.iteam .more { margin-top: 40px; position: relative; text-align: center; overflow: hidden; }
.iteam .more a { width: 206px; height: 55px; display: inline-block; background: #128eeb; border-radius: 4px; line-height: 55px; color: #fff; font-size: 18px; margin: 0 34px; }
.iteam .more .line1,
.iteam .more .line2 { display: block; width: 463px; height: 1px; background: #e9e9e9; margin-top: 26px; }
.iteam .more a:hover { padding: 0 10px; background: #0e7fd4; margin: 0 24px; }
.iteam .btnNext,
.iteam .btnPrev { width: 47px; height: 47px; display: block; position: absolute; top:40%; border-radius: 50%; }
.iteam .btnPrev {  left: 50%; margin-left: -680px; background: url(../images/btn_pw2.png) left center no-repeat #fff;}
.iteam .btnNext {  right: 50%; margin-right: -680px; background: url(../images/btn_pw2.png) right center no-repeat #fff; }
.iteam .btnPrev:hover { background: url(../images/btn_pw.png) left center no-repeat #ff9000; }
.iteam .btnNext:hover { background: url(../images/btn_pw.png) right center no-repeat #ff9000; }
.iteam .imglist li.active { border: 4px solid #ffddb2; }
.iteam .imglist li.active img { opacity:0.5; }
.iteam .teambox .item:hover h3 { color: #ff9000; }

.inews { position: relative; padding: 60px 0 60px 0; background: #fff; }
.inews .wrap { overflow: hidden; }
.inews .head { text-align: center; position: relative; }
.inews .head h3 { color: #ccc; font-size: 30px; font-weight: normal; text-transform:uppercase; line-height: 30px; }
.inews .head h2 { color: #2c2f3c; font-size: 30px; }
.inews .head h2 span { color: #128eeb; }
.inews .head .line { display: inline-block; width: 200px; height: 12px; background: url(../images/head.png) top center no-repeat; }
.inews .content { position: relative; overflow: hidden; width: 650px; margin-top: 50px; }
.inews .nav { position: relative; width: 650px; height: 56px; background: #128eeb; }
.inews .nav a { display: block; width: 145px; height: 56px; text-align: center; line-height: 56px; font-size: 18px; color: #fff; }
.inews .nav a:first-child { background: #0072dc; }
.inews .nav a:hover { background: #0072dc; }
.inews .nav .more { width: 38px; height: 38px; border-radius: 50%; background: #fff; color: #128eeb; margin: 10px 25px 0 0; line-height: 33px; font-size: 26px; }
.inews .nav .more:hover { background: #f2f2f2; }
.inews .content .list { position: relative; margin-top: 40px; }
.inews .content .img { width: 650px; height: 285px; overflow: hidden; text-align: center; margin-bottom: 10px;  }
.inews .content .img img { width: 100%; height: auto; }
.inews .content .list li { position: relative; height: 50px; line-height: 50px; }
.inews .content .drop { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #ccc; margin: 25px 14px 0 0; }
.inews .content h3 { font-size: 16px; color: #2c2f3c; font-weight: normal; width: 520px; text-align: left; }
.inews .content .time { font-size: 16px; color: #999; }
.inews .content li:hover h3 { color: #128eeb; }
.inews .content li:hover .drop { background: #128eeb; }
.inews .newslist { width: 520px; position: relative; margin-top: 50px; }
.inews .newslist li { width: 520px; height: 135px; margin-bottom: 30px; }
.inews .newslist .img { width: 180px; height: 135px; border: 1px solid #e9e9e9; overflow: hidden; margin-right: 20px; }
.inews .newslist .img img { width: auto; height: 100%; }
.inews .newslist .text { width: 315px; }
.inews .newslist h3 { color: #2c2f3c; font-size: 18px; font-weight: normal; }
.inews .newslist p { color: #999999; }
.inews .newslist .more { display: inline-block; width: 106px; height: 33px; border-radius: 33px; background: #aaa; color: #fff; font-size: 16px; text-align: center; line-height: 33px; margin-top: 5px; }
.inews .newslist li:hover img { transform:scale(1.05,1.05); }
.inews .newslist li:hover h3 a { color: #128eeb; }
.inews .newslist li:hover .more { background: #128eeb; }

.icase { position: relative; padding: 60px 0 60px 0; }
.icase .wrap { overflow: hidden; }
.icase .head { text-align: center; position: relative; }
.icase .head h3 { color: #ccc; font-size: 30px; font-weight: normal; text-transform:uppercase; line-height: 30px; }
.icase .head h2 { color: #2c2f3c; font-size: 30px; }
.icase .head h2 span { color: #128eeb; }
.icase .head .line { display: inline-block; width: 200px; height: 12px; background: url(../images/head.png) top center no-repeat; }
.icase .navlist { text-align: center; margin-top: 20px; }
.icase .navlist a { display: inline-block; width: 270px; height: 46px; padding-bottom: 8px; margin: 0 15px; }
.icase .navlist a h2 { width: 270px; height: 46px; background: #aaaaaa; text-align: center; line-height: 46px; border-radius: 46px; font-size: 18px; color: #fff; font-weight: normal; }
.icase .navlist a:hover { background: url(../images/nav.png) bottom center no-repeat; transition: none; }
.icase .navlist a:hover h2 { background: #128eeb; }
.icase .navlist a.active { background: url(../images/nav.png) bottom center no-repeat; transition: none; }
.icase .navlist a.active h2 { background: #128eeb; }
.icase .main { position: relative; width: 105%; margin: 20px 0 40px 0; overflow: hidden; }
.icase .list { display:none; }
.icase .list:first-child { display:block; }
.icase .list li { position: relative; width: 226px; height: 210px; background: #fff; margin: 18px 18px 0 0; text-align: center; overflow: hidden; }
.icase .list li .img { position: relative; width: 218px; height: 165px; margin: 4px; overflow: hidden; }
.icase .list li .img img { height: 100%; width: auto; }
.icase .list li h4 { font-size: 16px; color: #2c2f3c; font-weight: normal; }
.icase .list li:hover img { transform:scale(1.05,1.05); }
.icase .list li:hover h4 a { color: #128eeb; }
.icase .more { margin-top: 40px; position: relative; text-align: center; overflow: hidden; }
.icase .more a { width: 206px; height: 55px; display: inline-block; background: #128eeb; border-radius: 4px; line-height: 55px; color: #fff; font-size: 18px; margin: 0 34px; }
.icase .more .line1,
.icase .more .line2 { display: block; width: 463px; height: 1px; background: #e9e9e9; margin-top: 26px; }
.icase .more a:hover { padding: 0 10px; background: #0e7fd4; margin: 0 24px; }

.iabout { position: relative; padding: 40px 0 60px 0; }
.iabout .head { text-align: center; position: relative; }
.iabout .head h3 { color: #ccc; font-size: 30px; font-weight: normal; text-transform:uppercase; line-height: 30px; }
.iabout .head h2 { color: #2c2f3c; font-size: 30px; }
.iabout .head h2 span { color: #128eeb; }
.iabout .head .line { display: inline-block; width: 200px; height: 12px; background: url(../images/head.png) top center no-repeat; }
.iabout p { margin: 40px 0 30px 0; position: relative; font-size: 16px; color: #2c2f3c; }
.iabout .link { position: relative; width: 105%; overflow: hidden; }
.iabout .link li { position: relative; margin: 20px 30px 0 0; }
.iabout .link .img { width: 369px; height: 275px; border: 5px solid #fff; background: #eee; overflow: hidden; }
.iabout .link .img img { height: 100%; width: auto; }
.iabout .link h3 { text-align: center; line-height: 50px; font-size: 16px; font-weight: normal; color: #2c2f3c; }
.iabout .link li:hover img { transform:scale(1.05,1.05); }
.iabout .link li:hover h3 a { color: #128eeb; }
.iabout .more { margin-top: 40px; position: relative; text-align: center; overflow: hidden; }
.iabout .more a { width: 206px; height: 55px; display: inline-block; background: #128eeb; border-radius: 4px; line-height: 55px; color: #fff; font-size: 18px; margin: 0 34px; }
.iabout .more .line1,
.iabout .more .line2 { display: block; width: 463px; height: 1px; background: #e9e9e9; margin-top: 26px; }
.iabout .more a:hover { padding: 0 10px; background: #0e7fd4; margin: 0 24px; }

.ifooter { position: relative; padding: 60px 0 60px 0; background: #fff; }
.ifooter .wrap { overflow: hidden; }
.ifooter dt { font-size: 16px; color: #2c2f3c; font-weight: bold; line-height: 50px; }
.ifooter dd { color: #999999; line-height: 30px; }
.ifooter .navlink { width: 300px; }
.ifooter .prolink,
.ifooter .alink { width: 200px; }
.ifooter .dislink { width: 470px; }
.ifooter .navlink dd { width: 120px; }
.ifooter .dislink dt { font-size: 20px; color: #128eeb; }
.ifooter a { color: #999; }
.ifooter a:hover { color: #128eeb; }

.bottom { position: relative; background: url(../images/bottom.jpg) top center no-repeat; height: 310px; text-align: center; }
.bottom .wrap { overflow: hidden; }
.bottom .code span { display: inline-block; width: 124px; margin: 60px 20px 20px 20px; }
.bottom .code span img { width: 124px; height: 124px; }
.bottom .code span p { color: #fff; }
.bottom .aline { display: block; height: 1px; width: 100%; background: #268be2; margin-top: 20px; }
.bottom .link p { color: #fff; line-height: 50px; }
.bottom .link a { color: #fff; }
.bottom .link a:hover { color: #b8cff2; }

.toolbar { position:fixed; top:500px; right:1px; z-index:100; }
.toolbar > * { width: 56px; height: 56px; position:relative; background:#128eeb; border-top: 1px solid #f4f4f4; }
.toolbar > *:first-child { border-top:0; }
.toolbar > * > a { display:block; width:56px; height:56px; text-align:center; color:#FFF; background:url(../images/toolbar-icon.png) center 0 no-repeat; }
.toolbar .qq a { background-position:center 0; }
.toolbar .tel a { background-position:center -57px; }
.toolbar .weicode a { background-position:center -114px; }
.toolbar .code a { background-position:center -171px; }
.toolbar .itop a { background-position:center -228px; }
.toolbar > * > a:hover { background-color: #0072dc; }
.toolbar .drop-code,
.toolbar .drop-weicode { position:absolute; bottom:0; right:60px; background:#0072dc; font-size:12px; text-align:center; color:#fff; box-shadow:0 0 1px rgba(0,0,0,.2); width:100px; display:none; }
.toolbar .drop-code img,
.toolbar .drop-weicode img { display:block; width:85px; height:85px; margin: 8px 8px 0 8px; }
.toolbar .drop-code h3,
.toolbar .drop-weicode h3 { font-weight:normal; }
.toolbar .drop-tel { position:absolute; top:0; right:60px; width:0; overflow:hidden; }
.toolbar .drop-tel p { width:152px; height:56px; line-height:56px; padding:0 0 0 10px; background:#0072dc; color:#FFF; font-size:20px; }
.toolbar .qq:hover,
.toolbar .qiao:hover,
.toolbar .tel:hover,
.toolbar .code:hover { background-color:#0072dc; }
.toolbar .itop:hover { background-color:#0072dc; }






/******************************
 ** 内页架构
 ** 上下式
 ******************************/
.wrapper { width: 1200px; margin: 0 auto; position: relative; padding: 0 0 50px; background: url(../images/content-bj.jpg) center center repeat-y; }
.sidebar { float: left; width: 220px; height: auto; padding: 20px; background: #fff; }
.container { margin: 0 0 0 300px; }

.location { position: relative; height: 54px; line-height: 54px; margin: 0 0 20px; border-bottom: 1px dashed #999; }
.location .head h2 { display: inline-block; +display: inline; +zoom: 1; vertical-align: middle; font-size: 20px; font-weight: normal; }
.location .head h3 { display: none; }
.location .path { position: absolute; right: 0; top: 0; opacity: .8; filter:Alpha(opacity=80); font-size: 15px;  }

.side-menuer { margin: 0 0 20px;  }
.topclass { padding: 0 0 20px; color: #333; border-bottom: 2px solid #ddd; text-align: center; }
.topclass h2 { line-height: 30px; font-size: 24px; margin: 0 0 5px; }
.topclass h3 { line-height: 20px; text-transform: uppercase; font-weight: normal; opacity: .9; filter: Alpha(opacity=90); }
.side-menu { padding: 20px 0 0; }
.side-menu dd > a { display: block; padding: 0 20px; margin: 0 0 10px; line-height: 40px; font-size: 16px; background:  #aaa; color: #fff; }
.side-menu .drop { overflow: hidden; margin: 0 0 15px; display:none; }
.side-menu .drop li { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAAA1BMVEVxcXHjbzagAAAACklEQVQI12MAAgAABAABINItbwAAAABJRU5ErkJggg==) 10px center no-repeat; }
.side-menu .drop a { display: block; padding: 0 0 0 25px; height: 24px; line-height: 24px; color: #999; }
.side-menu .drop a: hover { color: #333; }
.side-menu dd > a:hover { background: #999; }
.side-menu dd.current > a { background:  #128eeb; color: #fff;  }
.side-menu dd.current .drop { display: block; }
.side-menu li.current > a { color: #128eeb; }

.side-con { }
.side-con .info { line-height: 24px; text-align: justify; }

/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#000; color:#fff; font-weight:bold; margin:10px auto 0; text-align:center; font-size:14px;}
.baiduMap{width:715px; height:280px; border:1px solid #000; border-top:3px solid #000;}
/* mapPage  */
.maplist li a {background: #eee;  width: 98%;  height: 30px;  line-height: 30px;  display: block;  margin-bottom: 10px;  padding-left: 2%;  font-weight: bold; }
.maplist li .box {  width: 100%;  height: auto;  margin-bottom: 10px;}
.maplist li .box a { height: 26px;  line-height: 26px;  width: 161px; display:inline-block;  text-align: center;  margin-right: 8px; padding:0px; border:0px; font-weight: normal;}
.maplist li .box a:hover {  background: #d9000f; color: #fff;}